<template>
	<div class="container">
		<div class="box">1</div>
		<div class="box">2</div>
		<div class="box">3</div>
		<div class="box">4</div>
		<div class="box">5</div>
		<div class="box">6</div>
		<div class="box">7</div>
		<div class="box">8</div>
		<div class="box">9</div>
	</div>
</template>  
	
<script>
export default {
};
</script>

<style scoped> .container {
 	display: grid;
 	grid-template-columns: repeat(3, 1fr);
 	grid-template-rows: repeat(3, 1fr);
 	gap: 10px;
 }


 .box {
 	background-color: #f5f5f5;
 	padding: 20px;
 	border: 1px solid #ccc;
 }
</style>
